<template>
    <div>
        <div class="xhld-box">
            <div class="user-item" v-for="(item,index) in list" :key='index' @click="toInfoFn(item.id)">
                <img :src="item.images" alt="">
                <p class="name">{{item.name}}/<span>{{item.post}}</span></p>
                <p class="tips">{{item.synopsis}}</p>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data () {
        return {
            list:'',
        }
    },

    mounted () {
        this.apiMien();
    },

    methods: {
         // 协会领导
        async apiMien(){
            let {data} = await this.https.get(this.api.apiMien);
            this.list = data;
        },

        // 根据用户id,查询用户详情
        toInfoFn(id){
            this.$router.push(`/xhldInfo/${id}`);
        }
    }
}
</script>
<style lang="less" scoped>
@import url(../../assets/css/member/viewxhld.less);
</style>


